#theme-wy {
    --c-t: #163D5C;
    --c-m: #546098;
    --c-p: #7260EC;
    --c-bg: #fff;
    --c-mask: #59636938;
    --c-info: #878EB7;
    --c-danger: #FF1A1A;
    --c-label: #547A98;
    --c-placehoder: #8196A7;
    --c-th: #8690BC;
    --c-tr: #F5F8FFCC; // #8696BCFF
    --c-to: #8696BCFF;



    @mixin text($c: #163D5C, $b: 400) {
        font-family: PingFangSC-Regular, PingFang SC;
        font-weight: $b;
        color: $c;
    }

    @mixin text-menu {
        @include text(var(--c-m));
    }

    @mixin text-primary {
        @include text-normal(var(--c-p));
    }

    @mixin item-hover {
        border-radius: 4px;

        &:hover {
            background: rgba(75, 90, 224, 0.13);
        }
    }

    @mixin item-actived {
        background: var(--c-m);
        color: var(--c-bg);
    }

    @mixin button {
        button.ant-btn {
            background: #FFFFFF;
            border-radius: 4px;
            border: 1px solid #DDDFEC;
            color: var(--c-t);

            &.ant-btn-primary {
                background: var(--c-m);
                color: var(--c-bg);
                border-color: #7260EC;

                >span {
                    color: var(--c-bg);
                }
            }

            &.ant-btn-dangerous {
                background: rgba(255, 26, 26, 0.05);
                border-color: rgba(255, 26, 26, 0.2);
                color: var(--c-danger);

                span {
                    color: var(--c-danger);
                }
            }

            &:hover {
                box-shadow: 0px 0px 14px 0px rgba(190, 189, 189, 0.5);
            }
        }

        .ant-pro-table-list-toolbar-setting-item {
            padding: 7px;
            background: #FFFFFF;
            border-radius: 4px;
            border: 1px solid #DDDFEC;
            color: var(--c-t);

            &:hover {
                box-shadow: 0px 0px 14px 0px rgba(190, 189, 189, 0.5);
            }
        }
    }

    @mixin form-item {
        border-radius: 4px;
        background: rgba(238, 242, 250, 0.8);
        border: 1px solid #E2E3F1;

        &.ant-select-focused {
            box-shadow: 0 0 0 2px rgba(238, 242, 250, 1);
        }
    }

    @mixin form-none {
        border-radius: 0;
        background: transparent;
        border: none;
        box-shadow: none;
    }

    // ant-input-affix-wrapper
    @mixin form {
        .ant-form {

            .ant-form-item {
                .ant-form-item-label {
                    >label {
                        color: var(--c-label);
                        float: left;
                    }
                }

                .ant-input-affix-wrapper {
                    @include form-item;

                    input {
                        @include form-none;
                    }
                }

                input {
                    &::placeholder {
                        color: var(--c-placehoder);
                    }
                }

                button.ant-switch {
                    &.ant-switch-checked {
                        background-color: var(--c-m);
                    }
                }

                .ant-radio-wrapper {
                    .ant-radio-inner {
                        border-color: var(--c-m);
                    }

                    &.ant-radio-wrapper-checked {
                        .ant-radio-inner {
                            &::after {
                                background-color: var(--c-m);
                            }
                        }
                    }
                }

                .ant-select-selector,
                input,
                .ant-input-number,
                textarea {
                    border-radius: 4px;

                    &:hover {
                        border-color: var(--c-m);
                    }
                }
            }

            .ant-divider-inner-text {
                @include text(var(--c-t), 500);
            }

            span,
            input {
                color: var(--c-t);
            }
        }
    }

    @mixin dropdown-menu {
        .ant-dropdown-menu {
            box-shadow: 0px 0px 14px 0px rgba(190, 189, 189, 0.5);
            border-radius: 4px;
            padding: 8px;

            .ant-dropdown-menu-item {
                &:not(:last-child) {
                    margin-bottom: 2px;
                }

                @include item-hover();

                &.ant-dropdown-menu-item-selected {
                    @include item-actived();
                }
            }

            .ant-dropdown-menu-item-divider {
                display: none;
            }
        }

        .ant-select-dropdown {
            padding: 0;
            border-radius: 4px;
            box-shadow: 0px 0px 14px 0px rgba(190, 189, 189, 0.5);

            div[role='listbox'] {}

            .rc-virtual-list {
                .rc-virtual-list-holder-inner {
                    padding: 8px;

                    .ant-select-item {
                        border-radius: 4px;
                        @include text();

                        &:not(:last-child) {
                            margin-bottom: 2px;
                        }

                        &:hover {
                            @include item-hover();
                        }

                        &.ant-select-item-option-selected {
                            @include item-actived();
                        }
                    }
                }
            }
        }

        // .class="ant-select-dropdown ant-select-dropdown-placement-bottomLeft  ant-select-dropdown-hidden"
    }

    // table
    @mixin table-header {
        thead.ant-table-thead {
            >tr {
                background-color: var(--c-tr);

                >th {
                    background-color: var(--c-tr);
                    border-color: transparent;
                    backdrop-filter: blur(20px);
                    @include text(var(--c-th), 500);
                }
            }
        }
    }

    @mixin table-body {
        tbody {
            >tr {
                &:nth-child(2n+2) {
                    background-color: var(--c-tr);

                    td {
                        background-color: var(--c-tr);
                    }
                }

                >td {
                    border-color: transparent;
                    backdrop-filter: blur(20px);
                    @include text()
                }
            }
        }
    }

    @mixin pagination {
        .ant-pagination {
            >li {
                @include text();
            }

            .ant-pagination-options .ant-select-selector,
            .ant-pagination-item {
                border-radius: 4px;
                border-color: var(--c-m);

                &.ant-pagination-item-active {
                    a {
                        @include text(var(--c-m));
                    }
                }
            }

            .ant-pagination-options {}
        }
    }

    @mixin table {
        .ant-table {
            >.ant-table-container {
                border-color: transparent;

                >.ant-table-content {
                    >table {
                        @include table-header();
                        @include table-body();
                    }
                }
            }
        }
    }

    // card
    @mixin card {
        .ant-pro-table-search + .ant-card{
            border:none;
        }
        .ant-card {
            background: #FFFFFF;
            box-shadow: 0px 4px 16px 0px rgba(184, 207, 227, 0.2);
            border-radius: 4px;
            border: 1px solid #E4EBF3;
            padding:16px;
            box-sizing: border-box;
            .ant-card-head{
                min-height:0;
                border:none;
                &::after{
                    display:none;
                }
            }
            .ant-card-head-title{
                padding:0;
                @include text();
                >div{
                    text-align: left !important;
                    span{
                        border-radius: 2px;
                        padding:4px 8px;
                        background: linear-gradient(90deg, #7239F666 0%, rgba(0,10,255,0) 100%);
                    }
                }
                
            }
            .ant-card-actions{
                li{
                    margin:0;
                    margin-top:16px;
                }
            }
        }
    }

    // tabs
    @mixin tabs {
        .ant-tabs{
            >.ant-tabs-nav{
               .ant-tabs-tab{
                &:hover{
                    >.ant-tabs-tab-btn{
                        color:var(--c-p);
                    }
                }
                &.ant-tabs-tab-active{
                    >.ant-tabs-tab-btn{
                        color:var(--c-p);
                        border-color:var(--c-p);
                    }
                    
                }
               } 
            }
            .ant-tabs-ink-bar,.ant-tabs-ink-bar-animated{
                background:var(--c-p);
            }
        }
    }

    // affix
    @mixin affix {
        .ant-affix,.ant-anchor{
            .ant-anchor-ink-ball.visible{
                border-color:var(--c-p);
            }
            .ant-anchor-link{
                &:hover{
                    .ant-anchor-link-title{
                        color:var(--c-p);
                    }
                }
                &.ant-anchor-link-active{
                    a {
                        color:var(--c-p);
                    }
                }
                
            } 
        }
    }

    // step
    @mixin step {
        .ant-steps {
            .ant-steps-item-icon {
                border: none;
                background-color: var(--c-to);

                span {
                    @include text(var(--c-bg), 500)
                }
            }

            .ant-steps-item-active {
                .ant-steps-item-icon {
                    background-color: var(--c-m);
                }
            }

        }
    }

    // body
    @mixin body {
        background: var(--c-bg);
        margin: 0;
        padding: 0;

        #root {
            background: transparent;

            >div {
                background: var(--c-bg);
            }

            .ant-layout {
                background: var(--c-bg);

                .ant-layout-footer {
                    display: none;
                }
            }
        }
    }

    // 顶栏
    @mixin top-menu {
        .ant-layout {
            .ant-pro-fixed-header {
                background: var(--c-bg);

                .ant-pro-global-header {
                    box-shadow: inset 0px -1px 0px 0px #EFF0F1;
                    background: transparent;
                }

                .ant-pro-global-header-logo {

                    // 顶栏标题
                    h1 {
                        @include text(#092648, bold)
                    }
                }

                // question 图标
                span.action___LP4_P {
                    @include item-hover();

                    .anticon.anticon-question-circle {
                        color: var(--c-t);

                    }
                }

                .ant-space-item {
                    .ant-tag.ant-tag-orange {
                        display: none;
                    }

                    .ant-dropdown-trigger {

                        .anticon,
                        span {
                            color: var(--c-t);
                        }
                    }
                }

            }
        }
    }

    // 测栏
    @mixin slider {
        .ant-layout-sider {
            background: var(--c-bg);

            .ant-menu {
                padding: 12px;
                box-sizing: border-box;

                .ant-menu-item {

                    >a,
                    >.anticon {
                        color: var(--c-t);
                    }

                    @include item-hover();

                    &.ant-menu-item-selected {
                        @include item-actived();
                    }
                }
            }
        }
    }

    // 页面标题
    @mixin page-title {
        .ant-page-header {
            >.ant-page-header-heading {
                .ant-page-header-heading-title {
                    color: var(--c-t);
                }
            }

            >.ant-page-header-content {
                .ant-pro-page-container-content {
                    color: var(--c-info);
                }
            }
        }
    }

    // 页面内容
    @mixin page-content {
        .ant-pro-grid-content {
            .ant-pro-page-container-children-content {
                border-radius: 4px;
                border: 1px solid #E4EBF3;
                backdrop-filter: blur(8px);
                background: transparent;
                box-shadow: 0px 4px 16px 0px rgba(184, 207, 227, 0.2);
            }
        }
    }

    // 内容区
    @mixin page {
        .ant-layout {
            .ant-layout-content {
                @include page-title();
                @include page-content();
            }
        }
    }

    //
    @include body();
    //
    @include top-menu();
    //
    @include slider();
    //
    @include page();
    //
    @include dropdown-menu();
    //
    @include button();
    //
    @include form();
    //
    @include table();
    //
    @include pagination();
    //
    @include step();
    //
    @include card();
    //
    @include tabs();
    //
    @include affix();
    
}